import React from 'react'

import {
  FooterWrapper,
  FooterContent
} from './style'

export default (props) => {
  const name = props.location.pathname
  return (
    <FooterWrapper id="footer" className={name === '/note' || name === '/person'? 'abfooter' : ''}>
      <FooterContent>
        <span>客服电话: 4001566077</span> <span style={{marginLeft: '30px'}}>QQ: <a href="tencent://message/?uin=3579637023&amp;Site=http://vps.shuidazhe.com&amp;Menu=yes" style={{color: '#fff'}}><img style={{width: 'auto', height: '22px', position: 'relative', top: '4px'}} src={require('./qq.png')}></img>&nbsp;3579637023</a> | <a href="tencent://message/?uin=3286116286&amp;Site=http://vps.shuidazhe.com&amp;Menu=yes" style={{color: '#fff'}}><img style={{width: 'auto', height: '22px', position: 'relative', top: '4px'}} src={require('./qq.png')}></img>&nbsp;3286116286</a></span> <span style={{marginLeft: '30px'}}>工作日 8:00-11:00 13:00-17:00</span><br/>
        <p style={{marginLeft: '95px'}}><span>本地服务: 宁波市沪东信息工程有限公司</span> <a href="http://www.beian.miit.gov.cn"><span style={{marginLeft: '30px', color: '#fff'}}>浙ICP备17026154号-1</span></a></p>
      </FooterContent>
    </FooterWrapper>
  )
}